.modalTime {
  :global {
    .ant-timeline.ant-timeline-label .ant-timeline-item-tail,
    .ant-timeline.ant-timeline-label .ant-timeline-item-head {
      left: 43%;
    }
    .ant-timeline.ant-timeline-label .ant-timeline-item-label {
      width: 40%;
    }
    .ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
      left: 45%;
      width: 60%;
    }
    .ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
      left: 45%;
      width: 50%;
    }
    .ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content {
      width: 40%;
    }
  }
}
.subTime {
  width: 100%;
  height: 100%;
  padding: 40px 20px;
  background-color: #fff;
  :global {
    .ant-timeline.ant-timeline-label .ant-timeline-item-tail,
    .ant-timeline.ant-timeline-label .ant-timeline-item-head {
      left: 25%;
    }
    .ant-timeline.ant-timeline-label .ant-timeline-item-label {
      width: 23%;
    }
    .ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
      left: 25%;
      width: 60%;
    }
    .ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
      left: 25%;
      width: 60%;
    }
    .ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content {
      width: 25%;
    }
  }
}
